//定义一个基于列表页的逻辑
var lst={
    template:function (t,u,p1,p2) {
        var _html = ""
            _html+='                <div class="item">\n' +
                '                    <div class="title">\n' +
                '                        <h3>'+t+'</h3>\n' +
                '                    </div>\n' +
                '                    <div class="con">\n' +
                '                        <div class="cleft">\n' +
                '                            <img src="'+u+'" alt="无法显示该图片">\n' +
                '                        </div>\n' +
                '                        <div class="cright">\n' +
                '                            <p class="ptop">'+p1+'</p>\n' +
                '                            <p class="pbottom">'+p2+'</p>\n' +
                '                        </div>\n' +
                '                    </div>\n' +
                '                </div>'
        return _html
    }
}
// 使用数组保存展示的数据
var arrData=[{t:"python语言在人工智能领域的优势",u:"../static/img/block/beautifulGirl.png",p1:"Python的设计更加人性化,具有快速、坚固、可移植性、可扩展性的特点,十分适合人工智能;开源免费,而且学习简单,很容易实现普及;内置强大的库,可以轻松实现更大强大的功能.",p2:"皮皮路 学无止境 2024-03-31 阅读 999"}
,{t:"web开发的优势",u:"../static/img/block/beautifulGirl.png",p1:"Python的设计更加人性化,具有快速、坚固、可移植性、可扩展性的特点,十分适合人工智能;开源免费,而且学习简单,很容易实现普及;内置强大的库,可以轻松实现更大强大的功能.",p2:"皮皮路 学无止境 2024-03-31 阅读 888"},
    {t:"CSS语言的优势",u:"../static/img/block/beautifulGirl.png",p1:"Python的设计更加人性化,具有快速、坚固、可移植性、可扩展性的特点,十分适合人工智能;开源免费,而且学习简单,很容易实现普及;内置强大的库,可以轻松实现更大强大的功能.",p2:"皮皮路 学无止境 2024-03-31 阅读 999"}]
for (i=0;i<arrData.length;i++){
    // 通过模版生成新列表数据
    var content=lst.template(arrData[i].t,arrData[i].u,arrData[i].p1,arrData[i].p2)
    // 将数据添加到列表中
    $(".lst").append(content)
}
